<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主页</title>
<link href="../css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../live2d/css/all.min.css">
</head>
<body>
<main id="app">
	<div class="container-sm mt-5"></div>
	<div class="container-sm justify-content-center mb-4">
		<div class="d-flex flex-row justify-content-center bg-dark mb-1">
		    <div class="p-2">
			    <a href="/update"><button class="btn btn-outline-warning mb-3">上传</button></a>
		    </div>
			<div class="p-2 flex-grow-1">
				<input type="search" class="form-control" ref="vue_search" @keyup.enter="on_search" id="inputPassword2" placeholder="输入文件名称搜索">
			</div>
		  	<div class="p-2">
		    	<button type="button" @click="on_search" class="btn btn-outline-warning mb-3">搜索</button>
		  	</div>
  		</div>
		<table class="table table-hover">
		  	<thead>
		    	<tr class="table-dark">
		      		<th >文件名称</th>
		      		<th >更新时间</th>
		    	</tr>
		  	</thead>
			<tbody>
				<tr v-for="(value, index) in todos" :key="index" class="table-warning">
					<td ><a style="text-decoration: none;" :href="on_download(value.id)">{{value.name}}</a></td>
					<td >{{value.time}}</td>
				</tr>
		  	</tbody>
		</table>
	</div>
	<nav aria-label="Page navigation example">
		<ul class="pagination justify-content-center">
		    <li :class="page_on">
		      	<a href="" @click.prevent="on_delpage" class="page-link">上一页</a>
		    </li>
		    <li v-for="(value, index) in pagelist" :class="value.class">
		    	<a href="" @click.prevent="on_clickPage(value.id)" :class="value.linkclass">{{value.id}}</a>
		    </li>
		  	<li :class="page_down">
		      	<a href="" @click.prevent="on_addpage" class="page-link" href="#">下一页</a>
		  	</li>  
		</ul>
	</nav>
</main>
<script src="../js/axios/axios.min.js"></script>
<script src="../js/vue/vue.js"></script>
<script src="../js/data/mymain.js"></script>
<script src="../js/bootstrap/bootstrap.bundle.min.js"></script>
<script src="../live2d/autoload.js"></script>
<script src="../live2d/dragging.js"></script>
</body>
</html>
